﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="BillingInformationForm.aspx.cs" Inherits="RBOSS.WebUI.BillingInformationForm" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style>
        .address-header {
            font-size: 16px;
            font-weight: bold;
        }

        td {
            font-size: 11px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:Label runat="server" ForeColor="red" Visible="False" ID="lblErrorMessage"></asp:Label>
    <asp:ValidationSummary runat="server" ID="valSummary" ValidationGroup="ValSave" ForeColor="red" />

    <asp:RegularExpressionValidator ID="CreditCardValidator" runat="server" ControlToValidate="txbCreditCartNumber" ErrorMessage="Please enter valid card number" ValidationExpression="^[0-9]{16}$"
        ValidationGroup="ValSave" Text="*">&nbsp;</asp:RegularExpressionValidator>
    <asp:RequiredFieldValidator runat="server" ControlToValidate="txbCreditCartNumber" ValidationGroup="ValSave" ErrorMessage="Credit card number is required" Text="*">&nbsp;</asp:RequiredFieldValidator>
    <asp:RequiredFieldValidator runat="server" ControlToValidate="txbNameOnCard" ValidationGroup="ValSave" ErrorMessage="Name on card is required" Text="*">&nbsp;</asp:RequiredFieldValidator>
    <asp:RequiredFieldValidator runat="server" ControlToValidate="txbExpireDate" ValidationGroup="ValSave" ErrorMessage="Expired Date is required" Text="*">&nbsp;</asp:RequiredFieldValidator>
    <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txbExpireDate" ErrorMessage="Please enter valid expired date" ValidationExpression="^[0-1]{1}[0-9]{1}/2[0-9]{3}$"
        ValidationGroup="ValSave" Text="*">&nbsp;</asp:RegularExpressionValidator>
    <asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="txbSecurityNumber" ErrorMessage="Please enter valid security code" ValidationExpression="^[0-9]{3}$"
        ValidationGroup="ValSave" Text="*">&nbsp;</asp:RegularExpressionValidator>
    <asp:RequiredFieldValidator runat="server" ControlToValidate="txbSecurityNumber" ValidationGroup="ValSave" ErrorMessage="Security is required" Text="*">&nbsp;</asp:RequiredFieldValidator>
    <asp:RequiredFieldValidator runat="server" ControlToValidate="txbAddress1" ValidationGroup="ValSave" ErrorMessage="Address1 is required" ForeColor="red" Text="&nbsp;"> &nbsp; </asp:RequiredFieldValidator>
    <asp:RequiredFieldValidator runat="server" ControlToValidate="txbCity" ValidationGroup="ValSave" ErrorMessage="City is required" Text="*">&nbsp;</asp:RequiredFieldValidator>
    <asp:RequiredFieldValidator runat="server" ControlToValidate="txbState" ValidationGroup="ValSave" ErrorMessage="State is required" Text="*">&nbsp;</asp:RequiredFieldValidator>
    <asp:RequiredFieldValidator runat="server" ControlToValidate="txbZip" ValidationGroup="ValSave" ErrorMessage="Zip is required" Text="*">&nbsp;</asp:RequiredFieldValidator>
    <asp:RequiredFieldValidator runat="server" ControlToValidate="txbCountry" ValidationGroup="ValSave" ErrorMessage="Country is required" Text="*">&nbsp;</asp:RequiredFieldValidator>
    <style>
        .contact {
            width: 120px !important;
        }
    </style>
    <div class="billing-info">
        <div class="address-header">
            <div class="center_title_bar" style="margin-bottom: 10px;">Billing Information</div>
        </div>
        <div class="prod_box_big" style="width: 95%;">
            <div class="center_prod_box_big" style="width: 100%;">
                <div class="contact_form" style="padding-left: 0px; width: 100%">

                    <table style="width: 100%">
                        <tr>
                            <td>
                                <label class="contact">Credit card number <span style="color: red">*</span></label>
                                <asp:TextBox runat="server" ID="txbCreditCartNumber" CssClass="contact_input"></asp:TextBox></td>
                        </tr>
                        <tr>
                            <td>
                                <label class="contact">Name on card <span style="color: red">*</span> </label>

                                <asp:TextBox runat="server" ID="txbNameOnCard" CssClass="contact_input"></asp:TextBox></td>
                        </tr>
                        <tr>
                            <td>
                                <label class="contact">Expired Date <span style="color: red">*</span> </label>

                                <asp:TextBox runat="server" ID="txbExpireDate" CssClass="contact_input"></asp:TextBox>
                                &nbsp;MM/YYYY

                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label class="contact">Security number <span style="color: red">*</span> </label>

                                <asp:TextBox runat="server" ID="txbSecurityNumber" CssClass="contact_input"></asp:TextBox>

                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="center_title_bar" style="margin-bottom: 10px; margin-top: 10px;">Billing Address</div>
    <div style="float: left;">
                    <asp:CheckBox runat="server" AutoPostBack="True" ID="chkCopyBillingAddress" Text="Billing address the same as credit card billing address" />
                </div>
    <div class="prod_box_big" style="width: 95%;">
        <div class="center_prod_box_big" style="width: 100%;">
            <div class="contact_form" style="background-color: #f0f4f5; padding-left: 0px; width: 100%; float: left;">

                
                <br />
                <div style="clear:both;">
                    <table style="width:100%;">
                        <tr>
                            <td>
                                <label class="contact">Address line 1 <span style="color: red">*</span></label>
                                <asp:TextBox runat="server" CssClass="contact_input" ID="txbAddress1" ></asp:TextBox></td>
                        </tr>
                        <tr>
                            <td><label class="contact">Address line 2 </label>
                    
                                <asp:TextBox runat="server" ID="txbAddress2" CssClass="contact_input"></asp:TextBox></td>
                        </tr>
                        <tr>
                            <td><label class="contact"><span style="color: red">*</span> City </label>
                    <br />
                                <asp:TextBox runat="server" ID="txbCity" CssClass="contact_input"></asp:TextBox></td>
                        </tr>
                        <tr>
                            <td><label class="contact"><span style="color: red">*</span> State/Province/Region</label> 
                    <br />
                                <asp:TextBox runat="server" ID="txbState" CssClass="contact_input"></asp:TextBox></td>
                        </tr>
                        <tr>
                            <td><label class="contact"><span style="color: red">*</span> ZIP</label> 
                    <br />
                                <asp:TextBox runat="server" ID="txbZip" CssClass="contact_input"></asp:TextBox></td>
                        </tr>
                        <tr>
                            <td><label class="contact"><span style="color: red">*</span> Country </label>
                    <br />
                                <asp:TextBox runat="server" ID="txbCountry" CssClass="contact_input"></asp:TextBox></td>
                        </tr>

                    </table>
                </div>
                <div style="margin-top:10px;margin-bottom:10px;"><asp:Button runat="server" ID="butNext" CssClass="bigGreenButton" style="width:190px;" ValidationGroup="ValSave" Text="Next" /></div>
            </div>
        </div>
    </div>
</asp:Content>
